<?php 
    include('../includes/db_exe/db_connection.php');
?>

<!-- include phan header -->
<?php
    $title_page = 'Xu hướng';
    include('../includes/html_templates/header.php'); 
?>

<div class="container-fluid outer-static" id="outer" style="margin-top:45px;">
	<div id="inner">
    	<div id="category-settings">
        	<div class="gender-category-product-buttons">
            	<a href="#" class="active">Tất cả</a>
                <a href="#">Nữ</a>
                <a href="#">Nam</a>
            </div>
            <div class="category-product-button">
                <a href="#" class="category-product-selected">
                    Tất cả sản phẩm
                    <img src="resources/images/arrow_down.png" style="margin-left:0;">
                </a>
                <span class="narrow-category-dropmenu"></span>
               <div class="category-dropdown-menu" >
                    <ul class="theme-category-dropdown-menu">
                        
                        <li class="each-category-drop-submenu">
                            <span class="sub-title-dropdown-menu">Quần Áo</span>
                            <ul>
                                <li>
                                    <a href="#">Áo</a>
                                </li>
                                <li>
                                    <a href="#">Áo thun</a>
                                </li>
                                <li>
                                    <a href="#">Áo sơ mi</a>
                                </li>
                                <li>
                                    <a href="#">Áo khoác</a>
                                </li>
                                <li>
                                    <a href="#">Quần</a>
                                </li>
                                <li>
                                    <a href="#">Chân váy</a>
                                </li>
                                <li>
                                    <a href="#">Đầm</a>
                                </li>
                                <li>
                                    <a href="#">Đồ thể thao</a>
                                </li>
                                <li>
                                    <a href="#">Đồ lót</a>
                                </li>
                            </ul>
                        </li>
                        <li class="each-category-drop-submenu">
                            <span class="sub-title-dropdown-menu">Giày Dép</span>
                            <ul>
                                <li>
                                    <a href="#">Giày cao gót</a>
                                </li>
                                <li>
                                    <a href="#">Giày búp bê</a>
                                </li>
                                <li>
                                    <a href="#">Giày đế xuồng</a>
                                </li>
                                <li>
                                    <a href="#">Giày tây</a>
                                </li>
                                <li>
                                    <a href="#">Giày xăng đan</a>
                                </li>
                                <li>
                                    <a href="#">Giày thể thao</a>
                                </li>
                                <li>
                                    <a href="#">Giày bốt</a>
                                </li>
                                <li>
                                    <a href="#">Giày mọi</a>
                                </li>
                                <li>
                                    <a href="#">Giày nam</a>
                                </li>
                                <li>
                                    <a href="#">Guốc/Dép</a>
                                </li>
                                
                            </ul>
                        </li>
                        <li class="each-category-drop-submenu">
                            <span class="sub-title-dropdown-menu">Túi Xách</span>
                            <ul>
                            	<li>
                                	<a href="#">Túi xách</a>
                                </li>
                                <li>
                                	<a href="#">Túi chéo</a>
                                </li>
                                <li>
                                	<a href="#">Balo</a>
                                </li>
                                <li>
                                	<a href="#">Bóp/Ví</a>
                                </li>
                                <li>
                                	<a href="#">Vali</a>
                                </li>
                            </ul>
                        </li>
                        <li class="each-category-drop-submenu">
                            <span class="sub-title-dropdown-menu">Phụ Kiện</span>
                            <ul>
                            	<li>
                                	<a href="#">Dây nit</a>
                                </li>
                                <li>
                                	<a href="#">Kính mát</a>
                                </li>
                                <li>
                                	<a href="#">Đồng hồ</a>
                                </li>
                                <li>
                                	<a href="#">Nón Mũ</a>
                                </li>
                            </ul>
                        </li>
                        <li class="each-category-drop-submenu">
                            <a href="#" class="select-all-category-button">Tất cả sản phẩm</a>
                        </li>
                    </ul>
               </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="content-inner with-buttons show-cards">
            <div class="products-grid">
                <div class="products-thumbnails product-card-container">
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="Product Detail.html" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/2.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/3.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="loved-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/5.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="loved-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/4.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/7.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/3.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    <span>
                        <div class="product-card card-theme">
                            <div class="all-in-img-product">
                                <a href="#" alt="Con mèo hiệu con chuột" target="_blank" class="product-thumbnail">
                                    <div class="hoverMask"></div>
                                    <img src="resources/images_product/1.jpg">
                                </a>
                                <span class="price-tag">150.000 đ</span>
                            </div>
                            <div class="interacted-product-info">
                                <a href="#" class="love-img-button overtext">
                                    Thích
                                </a>
                                <span class="nums-loved">214</span>                                 
                            </div>
                            <div class="product-card-tile-meta">
                                <a href="#" title="" class="title-card-link" target="_blank">
                                    <h3 class="title-product-card">Áo kháot xòa hfaod hiệu terra cực đẹp và chất đây các bạn</h3>
                                </a>
                            </div>
                            <div class="actionCardUsers">
                                <div class="userItem">
                                    <a href="#" target="_blank">
                                        <img src="resources/images_user/user1.jpg" alt="" class="userImg" />
                                        <div class="userName">Giacatvn</div>
                                        <div class="collectionName">Áo quần bảnh bao</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>
